<template>
  <div class="right_height">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    </el-breadcrumb>
    <PersonMenu></PersonMenu>
  </div>
  <div class="right_body">
    我是首页内容
  </div>
</template>
<script setup>
import PersonMenu from "@/components/PersonMenu.vue";

</script>
<style scoped>
.right_height {
  background-color: #dee1e6;
  overflow: hidden;
}

.el-breadcrumb {
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  width: 20%;
  float: left;
}

.el-breadcrumb__inner:hover,
.el-breadcrumb__inner.is-link:hover {
  color: #ffd04b !important;
}
</style>
  